<template>
	<!--内容展示组件 -->
	<div class="connect-box">
		<HeaderNav v-if="$channel=='zyzq'&&getPlatform =='app'" :title="'热门主播'"></HeaderNav>
		<ZxyhHeader v-if="$channel=='zxyh' && getPlatform =='app'" :title="''" :isClose='false'></ZxyhHeader>
		<div class="connect-show-box" v-html="connectData.zbContent">
	    </div>
	</div>
</template>

<script>
import HeaderNav from '@/components/zyzq/headerNav'
import ZxyhHeader from '@/components/zxyh/zxyhHeader'
	export default {
		components:{
          HeaderNav,
		  ZxyhHeader,
		},
		props: {},
		data() {
			return {
				connectData: '',
				getPlatform:fun.getPlatform() //app wx
			}
		},
		created() {
			this.$store.dispatch("hideNav");
			this.getConnectData();
			fun.dotNum('connectShow'+this.$route.query.id)
		},
		methods: {
			getConnectData() {
				this.$http.get("/h5live/getZhuBoInfo?id="+this.$route.query.id).then(res => {
						if(res.data.code == "000000") {
							if(res.data.data) {
								this.connectData = res.data.data;
							}
						}
					})
					.catch(response => {

					});
			}
		},
	};
</script>

<style scoped="scoped">
	.connect-box{
	width: 100vw;
	height: 100vh;
	}
	.connect-box .list-header+.connect-show-box {
		width: 100%;
		height: calc(100vh - 88px);
		background: white;
		padding: 10px 10px 0 10px;
		overflow-y: scroll;
	}
	.header-box + .connect-show-box{
		width: 100%;
		height: calc(100vh - 88px);
		background: white;
		padding: 10px 10px 0 10px;
		overflow-y: scroll;
	}
	.connect-show-box {
		width: 100%;
		height: 100%;
		background: white;
		padding: 10px 10px 0 10px;
		overflow-y: scroll;
	}
	
	.connect-show-box>>>img {
		max-width: 730px;
	}
</style>